/**
    @description: css公共样式
    @author: bin.liu@speedycloud.cn
    @update: bin.liu@speedycloud.cn（2017-09-25）
 */

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.mb28 {
    margin-bottom: 28px;
}

.dis-i {
    display: inline-block;
}

.dis-b {
    display: block;
}

.dis-n {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
    height: 0;
}

.align-r {
    text-align: right;
}

.align-l {
    text-align: left;
}

.pos-rel {
    position: relative;
}

.pos-abs {
    position: absolute;
}

/* 清除个别样式 */

.clear-margin-t {
    margin-top: 0;
}
.clear-margin-r {
    margin-right: 0;
}
.clear-margin-b {
    margin-bottom: 0;
}
.clear-margin-l {
    margin-left: 0;
}

/* 按钮公共样式 */
.btn {
    display: inline-block;
    padding: 7px 23px;
    line-height: 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 2px;
}
.btn-primary {
    background-color: #2288FF;
    color: #fff;
}

/* css3 动画特效样式 */

.trans-normal {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.pos-abs-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sprite_ico i,
i.sprite_ico {
    background: url('/statics/images/new_site/sprites.png') no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 32px;
    height: 32px;
}
/*计算ico*/
.sprite_ico.yzj i {
    background-position: -72px -162px;
}
.sprite_ico.dsj i {
    background-position: 0 -198px;
}
.sprite_ico.hhy i {
    background-position: 0 -414px;
}
.sprite_ico.syy i {
    background-position: 0 -486px;
}
.sprite_ico.zmy i {
    background-position: -72px -198px;
}
.sprite_ico.tgy i {
    background-position: 0 -522px;
}
/*网络ico*/
.sprite_ico.ydns i {
    background-position: 0 -558px;
}
.sprite_ico.yff i {
    background-position: 0 -630px;
}
.sprite_ico.sywlvpc i {
    background-position: 0 -450px;
}
.sprite_ico.fzjh i {
    background-position: 0 -306px;
}
.sprite_ico.gxndbjs i {
    background-position: 0 -342px;
}
/*数据与存储ico*/
.sprite_ico.yyp i {
    background-position: -72px -126px;
}
.sprite_ico.yhc i {
    background-position: 0 -666px;
}
.sprite_ico.ysjk i {
    background-position: -72px -90px;
}
.sprite_ico.dxcc i {
    background-position: 0 -234px;
}
.sprite_ico.fbscc i {
    background-position: 0 -270px;
}
/*视频ico*/
.sprite_ico.ysp i {
    background-position: 0 -738px;
}
.sprite_ico.hdzb i {
    background-position: 0 -378px;
}
/*数据中心ico*/
.sprite_ico.bgpwl i {
    background-position: 0 -126px;
}
.sprite_ico.idc i {
    background-position: 0 -162px;
}
/*安全与管理ico*/
.sprite_ico.api i {
    background-position: 0 -90px;
}
.sprite_ico.yaq i {
    background-position: 0 -594px;
}
.sprite_ico.yjk i {
    background-position: 0 -702px;
}
/* 字体公共样式 */
@font-face {
  font-family: 'iconfont';  /* project id 470341 */
  src: url('//at.alicdn.com/t/font_470341_0lr8jaex8u3ul3di.eot');
  src: url('//at.alicdn.com/t/font_470341_0lr8jaex8u3ul3di.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_470341_0lr8jaex8u3ul3di.woff') format('woff'),
  url('//at.alicdn.com/t/font_470341_0lr8jaex8u3ul3di.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_470341_0lr8jaex8u3ul3di.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('/statics/fonts/SourceHanSansCN-Bold.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-ExtraLight';
    src: url('/statics/fonts/SourceHanSansCN-ExtraLight.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Heavy';
    src: url('/statics/fonts/SourceHanSansCN-Heavy.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('/statics/fonts/SourceHanSansCN-Light.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('/statics/fonts/SourceHanSansCN-Medium.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('/statics/fonts/SourceHanSansCN-Normal.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('/statics/fonts/SourceHanSansCN-Regular.otf');
}*/